| string = ""; |
| states = ["Boston","New Brunswick","New York","Philadelphia","Washington","Wilmington"] |
| } |
| string += "<li>" + arr[i] + "</li>" |
| function searchResultString(arr){ |
| document.querySelector("#search-results").innerHTML = searchResultString(states) |
| for (let i = 0; i < arr.length; i++) { |
| return string |
| } |
| string = ""; |
| states = ["Boston","New Brunswick","New York","Philadelphia","Washington","Wilmington"] |
| } |
| string += "<li>" + arr[i] + "</li>" |
| function searchResultString(arr){ |
| document.querySelector("#search-results").innerHTML = searchResultString(states) |
| for (let i = 0; i < arr.length; i++) { |
| return string |
| } |
| 1 | states = ["Boston","New Brunswick","New York","Philadelphia","Washington","Wilmington"] |
| 2 | function searchResultString(arr){ |
| 3 | string = ""; |
| 4 | for (let i = 0; i < arr.length; i++) { |
| 5 | string += "<li>" + arr[i] + "</li>" |
| 6 | } |
| 7 | return string |
| 8 | } |
| 9 | document.querySelector("#search-results").innerHTML = searchResultString(states) |
| document.querySelector("#search").addEventListener("keyup",function(){ |
| let timer; |
| //clear any previous time outs |
| newarr.push(states[i]) |
| } |
| newarr = [] |
| if(states[i].toLowerCase().includes(text.toLowerCase())){ |
| }) |
| setTimeout(function(){ |
| if(text == ""){ |
| document.querySelector("#search-results").innerHTML = searchResultString(newarr) |
| for (let i = 0; i < states.length; i++) { |
| //set a new one |
| } |
| clearTimeout(timer) |
| },400); |
| } else { |
| } |
| text = document.querySelector("#search").value; |
| document.querySelector("#search-results").innerHTML = searchResultString(states) |
| document.querySelector("#search").addEventListener("keyup",function(){ |
| let timer; |
| //clear any previous time outs |
| newarr.push(states[i]) |
| } |
| newarr = [] |
| if(states[i].toLowerCase().includes(text.toLowerCase())){ |
| }) |
| setTimeout(function(){ |
| if(text == ""){ |
| document.querySelector("#search-results").innerHTML = searchResultString(newarr) |
| for (let i = 0; i < states.length; i++) { |
| //set a new one |
| } |
| clearTimeout(timer) |
| },400); |
| } else { |
| } |
| text = document.querySelector("#search").value; |
| document.querySelector("#search-results").innerHTML = searchResultString(states) |
| 1 | let timer; |
| 2 | document.querySelector("#search").addEventListener("keyup",function(){ |
| 3 | //clear any previous time outs |
| 4 | clearTimeout(timer) |
| 5 | text = document.querySelector("#search").value; |
| 6 | if(text == ""){ |
| 7 | document.querySelector("#search-results").innerHTML = searchResultString(states) |
| 8 | } else { |
| 9 | //set a new one |
| 10 | setTimeout(function(){ |
| 11 | newarr = [] |
| 12 | for (let i = 0; i < states.length; i++) { |
| 13 | if(states[i].toLowerCase().includes(text.toLowerCase())){ |
| 14 | newarr.push(states[i]) |
| 15 | } |
| 16 | |
| 17 | } |
| 18 | document.querySelector("#search-results").innerHTML = searchResultString(newarr) |
| 19 | },400); |
| 20 | } |
| 21 | }) |